﻿<template>
<div>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>打印管理</el-breadcrumb-item>
    <el-breadcrumb-item>出库单</el-breadcrumb-item>
  </el-breadcrumb>
  <div class="btn">
    <el-button type="info">打印出库单</el-button>
  </div>
    <div style="margin-top:25px">
   <el-table :header-cell-style="{background:'rgb(55,61,65)',color:'#fff','text-align':'center'}"

    :data="tableData"
    height="350"
    :cell-style="{'text-align':'center'}"

    style="width: 100%">
    <el-table-column
      prop="documentNumber"
      label="出库单据号"
      width="320">
    </el-table-column>
    <el-table-column
      prop="outTime"
      label="出库时间"
      width="320">
    </el-table-column>
     <el-table-column
      prop="totalPrice"
      label="总金额"
      width="320">
    </el-table-column>
     <el-table-column
      prop="chargeMan"
      label="负责人"
      width="320">
    </el-table-column>
    <el-table-column
      prop="remarks"
      label="备注">
    </el-table-column>
  </el-table>
</div>
</div>

</template>

<script>
import axios from 'axios'
export default {
  components: {},
  props: {},
  data() {
    return {
      tableData: [],
    };
  },
  watch: {},
  computed: {},
  methods: {
    getdata(){
      axios.get('http://162.14.65.162:9090/myblog/outbound/list')
      .then(response => {
        console.log(response)
        var res=JSON.parse(JSON.stringify(response)).data.data;
        this.tableData=res
        // var inf = response.data.data.goods_na
        // console.log(inf)
        
      })
      .catch(function (error) { // 请求失败处理
        console.log(error);
      });
    }
  },
  created() {
  },
  mounted() {
    this.getdata()


  }
};
</script>
<style lang="less" scoped>
.btn{
  position: absolute;
  top:68px;
  right: 20px;
}
</style>
